<template>
<div>
  <div v-for="(ivs,index) in basicInfos" :key="index">
        <div class="PeoInfo simple mulple" v-if="ivs.type==1||ivs.type==2||ivs.type==4||ivs.type==5||ivs.type==7||ivs.type==8">
          <div class="detailJusfy">
            <icon class="singleLogo"></icon>
            <Form label-position="left" :label-width="120" class="viewform">
              <label class="nameInfo">{{detailTitle}}</label>
              <FormItem label="姓名">
                  <Input v-model="ivs&&ivs.name" disabled/>
              </FormItem>
              <FormItem label="身份证号">
                  <Input v-model="ivs&&ivs.idCard" disabled/>
              </FormItem>
              <FormItem label="联系方式">
                  <Input v-model="ivs&&ivs.contact" disabled/>
              </FormItem>
              <FormItem label="邮箱">
                  <Input v-model="ivs&&ivs.email" disabled/>
              </FormItem>
              <FormItem label="地址">
                  <Input v-model="ivs&&ivs.address" disabled/>
              </FormItem>
            </Form>
          </div>
          <div class="detailJusfy" v-show="ivs&&ivs.lawyerName">
            <icon class="proxyLogo"></icon>
            <Form label-position="left" :label-width="120" class="viewform">
              <label class="nameInfo">代理人</label>
              <FormItem label="律师事务所全称">
                  <Input v-model="ivs&&ivs.proxyName" disabled/>
              </FormItem>
              <FormItem label="住所地">
                  <Input v-model="ivs&&ivs.proxyAddress" disabled/>
              </FormItem>
              <FormItem label="邮箱">
                  <Input v-model="ivs&&ivs.proxyEmail" disabled/>
              </FormItem>
              <FormItem label="电话">
                  <Input v-model="ivs&&ivs.proxyNumber" disabled/>
              </FormItem>
              <FormItem label="承办律师姓名">
                  <Input v-model="ivs&&ivs.lawyerName" disabled/>
              </FormItem>
            </Form>
          </div>
        </div>
        <div class="PeoInfo company" v-else-if="ivs.type==3||ivs.type==6||ivs.type==9">
          <div class="detailJusfy">
            <icon class="companyLogo"></icon>
            <Form label-position="left" :label-width="120" class="viewform">
              <label class="nameInfo">公司</label>
              <FormItem label="公司全称">
                  <Input v-model="ivs&&ivs.companyName" disabled/>
              </FormItem>
              <FormItem label="法定代表人">
                  <Input v-model="ivs&&ivs.legalName" disabled/>
              </FormItem>
              <FormItem label="职务">
                  <Input v-model="ivs&&ivs.legalPosition" disabled/>
              </FormItem>
              <FormItem label="住所地">
                  <Input v-model="ivs&&ivs.companyAddress" disabled/>
              </FormItem>
              <FormItem label="机构代码">
                  <Input v-model="ivs&&ivs.orgCode" disabled/>
              </FormItem>
              <FormItem label="联系人">
                  <Input v-model="ivs&&ivs.contactName" disabled/>
              </FormItem>
              <FormItem label="联系电话">
                  <Input v-model="ivs&&ivs.contactNumber" disabled/>
              </FormItem>
              <FormItem label="邮箱">
                  <Input v-model="ivs&&ivs.companyEmail" disabled/>
              </FormItem>
            </Form>
          </div>
          <div class="detailJusfy">
            <icon class="proxyLogo"></icon>
            <Form label-position="left" :label-width="120" class="viewform">
              <label class="nameInfo">代理人</label>
              <FormItem label="律师事务所全称">
                  <Input v-model="ivs&&ivs.proxyName" disabled/>
              </FormItem>
              <FormItem label="住所地">
                  <Input v-model="ivs&&ivs.proxyAddress" disabled/>
              </FormItem>
              <FormItem label="邮箱">
                  <Input v-model="ivs&&ivs.proxyEmail" disabled/>
              </FormItem>
              <FormItem label="电话">
                  <Input v-model="ivs&&ivs.proxyNumber" disabled/>
              </FormItem>
              <FormItem label="承办律师姓名">
                  <Input v-model="ivs&&ivs.lawyerName" disabled/>
              </FormItem>
            </Form>
          </div>
        </div>
  </div>
  </div>
</template>

<script>
export default {
  name: 'DetailIndex',
  data(){
     return {
       basicInfo:{}
     }
  },
  props: ['basicInfos','caseNo','detailTitle'],
  methods:{
  },
  created(){
    console.log(this.basicInfos)
  }
  // created(){
  //     this.$http.post('/api2'+this.urls.getCaseDetail,{caseNo:this.caseNo}).then((result)=>{
  //         if(result.data.code==200){
  //           this.basicInfo=result.data.data;
  //         }
  //     })
  // }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .fonttitle{
    font-size: 16px;
  }
  .btn{
    background: #2e37cb;
    color: #fff;
    line-height: 30px;
    width: 120px;
    height: 30px;
    display: inline-block;
    margin-left: 50px;
    text-align: center;
    cursor: pointer;
  }
  .btn-apply{
    background: #1aa864;
  }
  .filterCon{
    margin: 20px;
  }
  .applyTime{
    margin: 0 40px;
  }
</style>
